<template>
	<view class="bigBox">
		<scroll-view>
		<view class="newBox" v-for="item in newListTwo" :key="item.id"  @tap="goDetails(item)">
			<view class="newBoxImg"><image style="width: 100%; height: 100%;" :lazy-load="true" mode="scaleToFill" :src="item.smallImage"></image></view>
			<view class="newBoxR">
				<view class="">
					<view class="newBoxRTitle">{{ item.title }}</view>
					<view class="newBoxRText">{{ item.description }}</view>
				</view>
				<view class="newBoxRDate">{{ item.publishDate }}</view>
			</view>
		</view>
		</scroll-view>
		<page-pagination
			mode="multi"
			color="#CD001B"
			:pageSize="newListTwoPagination.PageSize"
			:showPageSize="newListTwoPagination.PageSize"
			forceEllipses
			:total="newListTwoPagination.Total"
			:currentPage="newListTwoPagination.CurrentPage"
			@change="paginationChange"
		></page-pagination>
	</view>
</template>

<script>
export default {
	props: ['newListTwo', 'newListTwoPagination'],
	data: function() {
		return {
			// newList: [
			// 	{
			// 		url: '/static/icon/OneDrive_6_11-16-2021/2x/pic_content03@2x.png',
			// 		title: '顶顶顶顶顶顶顶顶顶顶顶顶搜索',
			// 		text: 'jkjnxcxzncjxncxjzncjxncjxncjzxnczxjncjnxjzcnxzcussssssssssssssssssss',
			// 		date: '2021.12.04 15:34:35'
			// 	},
			// 	{
			// 		url: '/static/icon/OneDrive_6_11-16-2021/2x/pic_content04@2x.png',
			// 		title: '顶顶顶顶顶顶顶顶顶顶顶顶搜索',
			// 		text: 'jkjnxcxzncjxncxjzncjxncjxncjzxnczxjncjnxjzcnxzcussssssssssssssssssss',
			// 		date: '2021.12.04 15:34:35'
			// 	},
			// 	{
			// 		url: '/static/icon/OneDrive_6_11-16-2021/2x/pic_content03@2x.png',
			// 		title: '顶顶顶顶顶顶顶顶顶顶顶顶搜索',
			// 		text: 'jkjnxcxzncjxncxjzncjxncjxncjzxnczxjncjnxjzcnxzcussssssssssssssssssss',
			// 		date: '2021.12.04 15:34:35'
			// 	},
			// 	{
			// 		url: '/static/icon/OneDrive_6_11-16-2021/2x/pic_content04@2x.png',
			// 		title: '顶顶顶顶顶顶顶顶顶顶顶顶搜索',
			// 		text: 'jkjnxcxzncjxncxjzncjxncjxncjzxnczxjncjnxjzcnxzcussssssssssssssssssss',
			// 		date: '2021.12.04 15:34:35'
			// 	},
			// 	{
			// 		url: '/static/icon/OneDrive_6_11-16-2021/2x/pic_content03@2x.png',
			// 		title: '顶顶顶顶顶顶顶顶顶顶顶顶搜索',
			// 		text: 'jkjnxcxzncjxncxjzncjxncjxncjzxnczxjncjnxjzcnxzcussssssssssssssssssss',
			// 		date: '2021.12.04 15:34:35'
			// 	},
			// 	{
			// 		url: '/static/icon/OneDrive_6_11-16-2021/2x/pic_content04@2x.png',
			// 		title: '顶顶顶顶顶顶顶顶顶顶顶顶搜索',
			// 		text: 'jkjnxcxzncjxncxjzncjxncjxncjzxnczxjncjnxjzcnxzcussssssssssssssssssss',
			// 		date: '2021.12.04 15:34:35'
			// 	},
			// 	{
			// 		url: '/static/icon/OneDrive_6_11-16-2021/2x/pic_content07@2x.png',
			// 		title: '顶顶顶顶顶顶顶顶顶顶顶顶搜索',
			// 		text: 'jkjnxcxzncjxncxjzncjxncjxncjzxnczxjncjnxjzcnxzcussssssssssssssssssss',
			// 		date: '2021.12.04 15:34:35'
			// 	}
			// ]
		};
	},
	methods: {
		paginationChange(val) {
			this.$emit('paginationChangeTwo', val)
		},
		// 查看详情
		 goDetails(item) {
			// #ifdef APP-PLUS
			uni.redirectTo({
				url: `/pages/Journalism/JournalismDetails?id=${item.id}&pages=2&isHome=no`
			});
			// #endif
			// #ifdef H5
			this.$Router.push(`/pages/Journalism/JournalismDetails?id=${item.id}&pages=2&isHome=no`);
			// #endif
			
		},
	}
};
</script>

<style lang="scss" scoped>
.bigBox {
	padding: 15px;
	box-sizing: border-box;
	.newBox {
		width: 100%;
		height: 100px;
		border-radius: 5px;
		box-shadow: -3px 3px 5px 1px #e6e6e6;
		display: flex;
		justify-content: space-between;
		margin-bottom: 20px;
		overflow: hidden;
		.newBoxImg {
			flex: 1;
		}
		.newBoxR {
			flex: 2;
			padding: 5px 10px;
			box-sizing: border-box;
			background-color: #f1f1f1;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			// align-items: center;
			.newBoxRTitle {
				font-size: $uni-font-size-custom-b;
				line-height: 14px;
				font-weight: 700;
				color: #424451;
				word-break: break-all; // 强制换行
				margin-bottom: 3px;
			}
			.newBoxRText {
				font-size: $uni-font-size-custom-b;
				line-height: 16px;
				color: #424451;
				overflow: hidden;
				word-break: break-all; // 强制换行
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 3; //多行在这里修改数字即可
				overflow: hidden;
				-webkit-box-orient: vertical;
			}
			.newBoxRDate {
				text-align: right;
				font-size: $uni-font-size-custom-a;
				color: #424451;
			}
		}
	}
}
</style>
